body, table, div, p, dl, .title {
    font: 400 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.from-demo ul.timeline {
    margin-top: 20px;
}

.navpath ul {
    border-width: 0;
}

.subhead {
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.subhead h1 {
    font-size: 35px;
}

.subhead p {
    margin-bottom: 20px;
    font-size: 14px;
}

.subhead .navbar {
    display: none;
}

.jumbotron .container {
    position: relative;
    z-index: 2;
}

.jumbotron:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(bs-docs-masthead-pattern.png) repeat center center;
    opacity: .4;
}

.jumbotron {
    position: relative;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
    background: #194C7E; /* Old browsers */
    background: -moz-linear-gradient(45deg, #194C7E 0%, #2164A6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #194C7E), color-stop(100%, #2164A6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #194C7E 0%, #2164A6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #194C7E 0%, #2164A6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #194C7E 0%, #2164A6 100%); /* IE10+ */
    background: linear-gradient(45deg, #194C7E 0%, #2164A6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#194C7E', endColorstr='#2164A6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .2), inset 0 -3px 7px rgba(0, 0, 0, .2);
}

.jumbotron h1 {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

/* Link styles (used on .masthead-links as well) */
.jumbotron a {
    color: #fff;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.jumbotron a:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, .25);
}

ul.timeline {
    list-style-type: none;
    background: url("version_line.png") repeat-y scroll 120px 0 transparent;
    margin: 50px 0;
    padding: 0;
}

ul.timeline li {
    position: relative;
    margin-bottom: 20px;
}

ul.timeline li .time {
    position: absolute;
    width: 90px;
    text-align: right;
    left: 0;
    top: 10px;
    color: #999;
}

ul.timeline li .version {
    position: absolute;
    width: 290px;
    text-align: right;
    left: -200px;
    top: 30px;
    font-size: 20px;
    line-height: 30px;
    color: #3594cb;
    overflow: hidden;
}

ul.timeline li .number {
    position: absolute;
    background: url("version_dot.png") no-repeat scroll 0 0 transparent;
    width: 56px;
    height: 56px;
    left: 97px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

ul.timeline li.alt .number {
    background-image: url("version_dot_alt.png");
}

ul.timeline li .content {
    margin-left: 180px;

}

ul.timeline li .content pre {
    background-color: #3594cb;
    padding: 20px;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}

ul.timeline li.alt .content pre {
    background-color: #43B1F1;
}